<template>
    <div class="from_detail_div">
        <el-form ref="form" :model="formValue" :rules="rules" :show-message="false" label-width="100px" :disabled="disabled">
            <el-form-item label="企业名称" prop="institutionName">
                <el-input style="width: 900px;" v-model="formValue.institutionName" disabled></el-input>
            </el-form-item>
            <el-form-item label="培训标题" prop="trainTitle">
                <el-input style="width: 900px;" v-model="formValue.trainTitle" :disabled="disabled"></el-input>
            </el-form-item>
            <el-form-item label="培训内容" prop="trainContent">
                <el-input style="width: 900px;" v-model="formValue.trainContent" type="textarea" rows="5" :disabled="disabled"></el-input>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
import OrganizationSelect from "@/views/common/organization/organizationSelect.vue";

export default {
    name: "trainApplyDetail",
    components: {OrganizationSelect},
    props: {
        formValue: {
            institutionId: String,
            institutionName: String,
            trainTitle: String,
            trainContent: String,
        },
        fieldStatus: Object,
        disabled: Boolean,
    },
    data() {
        return {
            loading: false,
            rules: {
                institutionName: [{required: true, message: '', trigger: 'change'}],
                trainTitle: [{required: true, message: '', trigger: 'change'}],
                trainContent: [{required: true, message: '', trigger: 'change'}],
            },
            postList: [],
        }
    },
    methods: {
        selectInstitution(data) {
            this.$set(this.form, 'institutionId', data.value);
            this.$set(this.form, 'institutionName', data.label);
        }
    }
}
</script>

<style scoped>

</style>